*{
    margin:0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s;
    /*overflow-X:hidden;
    -webkit-overflow-scrolling: touch;*/
    /*禁止选择*/
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    /*禁止附加点击效果*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    tap-highlight-color:rgba(0,0,0,0);
    -moz-tap-highlight-color:rgba(0,0,0,0);
    -o-tap-highlight-color:rgba(0,0,0,0);
}

/*动画*/
@keyframes btn
{
0%   {background: #58baff;font-size:40px;}
100% {background: #c6e7ff;font-size:30px;}
}
@-webkit-keyframes btn
{
0%   {background: #58baff;font-size:40px;}
100% {background: #c6e7ff;font-size:30px;}
}
@-moz-keyframes btn
{
0%   {background: #58baff;font-size:40px;}
100% {background: #c6e7ff;font-size:30px;}
}
@-o-keyframes btn
{
0%   {background: #58baff;font-size:40px;}
100% {background: #c6e7ff;font-size:30px;}
}
/*样式*/

body{
    position:relative;
}
html{
    background:#fff;
}
.unit{
    position:relative;
    width:100%;
    height:150px;
    text-align:center;
    border-bottom:solid 10px;

}
.zzunitNum{
    background:#000000b8;
    width:100%;
    height:150px;
    vertical-align:middle;
    line-height:120px;
}
.unitNum{
    font-size:50px;
    font-family:fantasy;
    text-align:center;
    color:#fff;
    text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
    -webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
    -moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
    *filter: Glow(color=#000, strength=1);
}
.unit .word{
    width:49%;
    background-color:#03a9f4;
    height:50px;
    bottom: 0px;
    left:0px;
    position: absolute;
    z-index:1;
    line-height:50px;
    vertical-align:middle;
    color:#ffffff;
    font-size:30px;
}
.unit .tx{
    width:49%;
    background-color:#03a9f4;
    height:50px;
    bottom: 0px;
    right:0px;
    position: absolute;
    line-height:50px;
    vertical-align:middle;
    color:#ffffff;
    font-size:30px;
}
.vocabulary{
    text-align:center;
    font-size:30px;
    background:#fff;
    border-left:solid 5px;
    margin-bottom:10px;
    padding:20px;
}
input[type=email]{
    font-size:30px;
    border:solid 5px rgba(0, 176, 255, 0.45);

    moz-user-select: -moz-text;
    -moz-user-select: text;
    -o-user-select:text;
    -khtml-user-select:text;
    -webkit-user-select:text;
    -ms-user-select:text;
    user-select:text;
}

.fanyi{
    display:block;
    padding:10px;
}
.totalBBtn{
    background:#58baff;
    /*下面是动画*/
    animation: btn 1s;
    -moz-animation: btn 1s;	/* Firefox */
    -webkit-animation: btn 1s;	/* Safari 和 Chrome */
    -o-animation: btn 1s;	/* Opera */
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    animation-direction:alternate;
    font-size:40px;
    border-left:0px;
}
.pass{
    font-size:50px;
    text-align:center;
}
#totalCanvas{
    padding:20px 0 20px 0;
}
.wordCell{
    display:block;
}
/*//小屏幕设备适配*/
@media only screen and (max-width: 420px) {
    input[type=email]{
        font-size:20px;
        border:solid 5px rgba(0, 176, 255, 0.45);
        width:250px;
    }
    .unit{
        height:130px;
    }
    .zzunitNum{
        height:130px;
        line-height:100px;
    }
    .unitNum{
        font-size:30px;
    }
    .unit .word{
        height:30px;
        line-height:30px;
        font-size:18px;
    }
    .unit .tx{
        height:30px;
        line-height:30px;
        font-size:18px;
    }
    #totalCanvas{
        width:180px;
    }
    .pass{
        font-size:35px;
    }
    .vocabulary{
        font-size:20px;
        padding:5px;
        bottom:5px;
    }
}
.fixedDiv{
    position:fixed;
    right:20px;
    top:20px;
    width:50px;
    height:50px;
    font-size:18px;
    text-align:center;
    vertical-align:middle;
    line-height:25px;
    background: rgb(0, 184, 255);
    opacity: 0.6;
    color:#fff;
    z-index:999;
}
.reload{
    z-index:0;
}
.selectEnable{
    moz-user-select: -moz-all;
    -moz-user-select: all;
    -o-user-select:all;
    -khtml-user-select:all;
    -webkit-user-select:all;
    -ms-user-select:all;
    user-select:all; 
}
.background1{
    background: url(http://f.bandenghui.com/mt/2016-01/08/703127af22.jpg);
}
.background2{
    background: url(http://f.bandenghui.com/mt/2016-01/08/703127af22.jpg);
}
.background3{
    background: url(http://f.bandenghui.com/mt/2016-01/08/703127af22.jpg);
}
.background4{
    background: url(http://f.bandenghui.com/mt/2016-01/08/703127af22.jpg);
}
.background5{
    background: url(http://f.bandenghui.com/mt/2016-01/08/703127af22.jpg);
}
.background6{
    background: url(http://f.bandenghui.com/mt/2016-01/08/703127af22.jpg);
}